<template>
  <!-- 
  1：模块化组件处理
      a:tab列表
      b:详情列表
  2:创建api
     a:utils/request.js
        安装与导入axios
        创建axios副本（基地址处理）
        创建请求拦截与响应拦截
        暴露使用
     b:api/模块.js
     c:导入使用api
  3:tab列表渲染:vuex存储所有数据
     a:创建tab所对应的模块
     b:在模块中的actions调用接口获取数据并存储
     c:在页面渲染数据
  4:新闻列表渲染
     a:创建列表所对应vuex模块
     b:定义它的actions默认进入页面就要获取推荐页的列表数据并渲染
     c:点击某项后也需要调用actions获取列表数据并渲染
 -->
  <div id="app">
    <Catagtory></Catagtory>
    <List></List>
  </div>
</template>
<script>
import Catagtory from '@/components/catagtory.vue'
import List from '@/components/list.vue'
// import { channels } from '@/api/catagtory.js'
export default {
  components: {
    Catagtory,
    List
  },
  async created () {
    // const res = await channels()
    // console.log(res)
  }
}
</script>

<style></style>
